import {SafeAreaView, StatusBar} from '@gluestack-ui/themed';

import {useTheme} from '@/hooks';
import {BaseProps} from "@/types/public";

function SafeScreen({children,style}: BaseProps) {
    const {layout} = useTheme();

    return (
        <SafeAreaView
            bgColor="$backgroundLight0"
            flex={1}
            style={style}
        >
            <StatusBar
                barStyle={false ? 'light-content' : 'dark-content'}
                backgroundColor={"#fff"}

            />
            {children}
        </SafeAreaView>
    );
}

export default SafeScreen;
